<template>
<div class="invite flex-box-div">

    <div class="flex-1 p-15 overflow-y text-left">
        <div class="mt10 bgc-white p15">

            <div class="van-hairline--bottom height-30">{{pidname}}</div>
			
            <div class="flex-center pt10 pb10 van-hairline--bottom" v-for="(item, index) in user_list" :key="index">
                <van-image
                    class="img"
                    fit="contain"
                    :src="item.avatar"
                    lazy-load
                />
                <div class="flex-1 pl10">
                    <p class="fz-12">{{item.name}}</p>
                    <span class="fz-9">盈利金额：<span class="price">¥{{item.money}}</span></span>
                </div>
            </div>
        </div>
    </div>

    
</div>
</template>

<script>
export default {
	data () {
	    return {
			user_list:[],
			pidname:'',
			id:0,
		}
	},
	created: function() {
		
		this.getBaseInfo()
		
	},
    methods: {
        
		getBaseInfo:function(){
			
			const that = this
			that.pidname=that.$route.query.name
			that.id=that.$route.query.id
			that.$user.child_share(that.id).then(function(res){
				const data = res.data||{}
				
				that.user_list = data.users||[]
			})
			
			
		
		},
    }
}
</script>

<style lang="less" scoped>
.img {
    height: 55px;
    width: 55px;
}
</style>
